// edX: Certificates - Header
// ====================

// grid/layout
.wrapper--header {
  @extend %ui-shadow-subtle-down;
  margin-bottom: ($baseline-v*2);
  padding: ($baseline-v) ($baseline-h*2);
  background: $white-t;
  color: $black;

  @include media($bp-ds) {
    padding: ($baseline-v) ($baseline-h);
  }

  @include media($bp-m) {
    padding: ($baseline-v) ($baseline-h);
  }
}

.header--app {
  @include outer-container;
}

// masthead
.title--logo {
  text-align: center;

  .logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: ($baseline-h);
  }

  .title--sub {
    @extend %ui-text-sr;
    @extend %t-title-5;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
  }
}
